<template>
  <div class="question-container">
    <div class="question-box">
      <p class="question-title">{{question.title}}</p>
      <p class="question-content">{{question.content}}</p>
    </div>

    <button class="weui-btn weui-btn_warn" type="button" @click="goBack">知道了</button>
  </div>
</template>

<script>
  export default {
    name: "question",
    data(){
      return {
        k:null,
        question:null,
      }
    },
    created(){
      let questionList = [
        {title:'如何查询拍品？',content:'直接在首页上面搜索栏输入你想要竞拍的商品名或者关键字等。'},
        {title:'找不到订单？',content:'可能是网络延迟的原因造成你无法查看全部订单，可以点击右上角“...”按钮，刷新页面后重试查看。如还无法查询订单，请及时联系客服人员进行处理。'},
        {title:'支付失败怎么办？',content:'订单失败后支付金额会原路退还给你，你可重新提交订单，失败详情咨询客服。'},
        {title:'退款几天可以到账？',content:'正常情况下1~5个工作日原路退回至你的付款账户；若是信用卡用户，则需要1~7个工作日原路退回至你的付款账户。'}
      ];
      this.k = this.$route.query.k;
      this.question = questionList[this.k];
    },
    methods:{
      goBack(){
        this.$router.go(-1);
      }
    }
  }
</script>

<style scoped>
  .question-container{
    padding: 1.4rem 0.75rem 0 0.75rem;
  }
  .question-box{
    width: 100%;
    min-height: 8.45rem;
    border-radius: 2px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.21);
    color: #333333;
    font-size: 0.7rem;
    padding: 0.75rem 0.9rem;
  }
  .question-title{
    height: 0.75rem;
    line-height: 0.75rem;
    padding-left: 1.15rem;
    background-image: url("../../../../static/images/help/question.png");
    background-repeat: no-repeat;
    background-size: 0.75rem 0.75rem;
    background-position: left center;
    margin-bottom: 0.6rem;
  }
  .question-content{
    line-height: 1.2rem;
  }
  .weui-btn_warn{
    line-height: 2.2rem;
    font-size: 0.75rem;
    margin-top: 1.45rem;
    border-radius: 4px;
  }
</style>
